<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2023-01-03 11:47:02
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2023-01-03 14:15:27
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 栈方法 
        // push() 从数组末尾添加一个或多个元素，并返回新的长度
        // pop() 从数组末尾删除一个元素，并返回删除的元素
        //var xiaobao = ['建宁公主','双儿','沐剑屏','曾柔','方怡','苏荃','阿珂'];
        // console.log(xiaobao.push('潇潇')); // 新数组的长度
        // console.log(xiaobao); // 原数组发生了变化

        // console.log(xiaobao.pop()); // 返回删除的元素 数组的最后一个
        // console.log(xiaobao); // 删除后的数组 原数组发生了变化

        // 复制一个数组 要求顺序一模一样  
        // 而且互不影响 
        // ['a','b','c','d','e','f','g','h','i','j']
        // 遍历原数组 每个元素都放到新数组的结尾 
        // ['a','b','c','d','e','f','g','h','i','j']
        // 遍历  push

        // var arr = []; //创建一个空数组 
        // for(var i = 0;i<xiaobao.length;i++){ // 遍历原数组
        //     //i是数组的下标  0123456
        //     arr.push(xiaobao[i]); // 将元素放到新数组的结尾
        // }
        // console.log(xiaobao);
        // console.log(arr);
        // xiaobao[7] = '晓晓';
        // console.log(xiaobao);
        // console.log(arr);
        
        // 队列方法 
        // 先進先出   
        // shift() 从数组开头删除一个元素，并返回删除的元素
        // unshift() 从数组开头添加一个或多个元素，并返回新的长度
        var xiaobao = ['建宁公主','双儿','沐剑屏','曾柔','方怡','苏荃','阿珂'];
        // console.log(xiaobao);
        // console.log(xiaobao.unshift('鳳姐')); // 8
        // console.log(xiaobao); // 原数组发生了变化

        console.log(xiaobao); 
        console.log(xiaobao.shift()); // 刪除的元素
        console.log(xiaobao); // 原数组发生了变化
    </script>
</body>
</html>